  // border: 1px solid black;
  div.fromBox {
      // border: 1px solid black;
      padding: 20px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      box-shadow:
          2.3px 1px 5.3px rgba(0, 0, 0, 0.064),
          7.8px 3.4px 17.9px rgba(0, 0, 0, 0.069),
          35px 15px 80px rgba(0, 0, 0, 0.07);

      h1 {
          text-align: center;
          font-weight: 300;
      }

      h1#sysTitle {
          margin-top: 50px;

          a {
              text-decoration: none;
          }
      }

      label {
          font-size: 1.5rem;
          font-weight: 300;
      }

      button {
          width: 50%;
      }
      p.toggle{
          text-align: right;
      }
  }

  @media screen and (max-width: 700px) {
      div.fromBox {
          width: 80%;
      }
  }

  @media screen and (min-width: 700px) {
      div.fromBox {
          width: 500px;
      }
  }